<!DOCTYPE html>

<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>注册</title>
        <style type="text/css" >
            .form-container {
                border-bottom : 1px solid blue ;
                padding : 15px ;
                margin : 15px ;
            }
        </style>
    </head>
    <body>

        <h3>注册(假的)</h3>

        <div class="form-container">
        <form action="/customer/sign/up/action/1" method="post">
            <div class="form-row">
                <input type="text" name="username" placeholder="请输入用户名">
            </div>
            <div class="form-row">
                <input type="password" name="password" placeholder="请输入密码">
            </div>
            <div class="form-row">
                <input type="password" name="confirm" placeholder="请确认密码">
            </div>
            <div class="form-row">
                性别:
                <input type="radio" name="gender" value="male" id="gender-male-1">
                <label for="gender-male-1">靓仔</label>
                <input type="radio" name="gender" value="female" id="gender-female-1">
                <label for="gender-female-1">靓妹</label>
            </div>
            <div class="form-row">
                <input type="submit" value="注册">
            </div>
        </form>
        </div>

        <div class="form-container">
            <form action="/customer/sign/up/action/2" method="post">
                <div class="form-row">
                    <input type="text" name="username" placeholder="请输入用户名">
                </div>
                <div class="form-row">
                    <input type="password" name="password" placeholder="请输入密码">
                </div>
                <div class="form-row">
                    <input type="password" name="confirm" placeholder="请确认密码">
                </div>
                <div class="form-row">
                    性别:
                    <input type="radio" name="gender" value="male" id="gender-male-2">
                    <label for="gender-male-2">靓仔</label>
                    <input type="radio" name="gender" value="female" id="gender-female-2">
                    <label for="gender-female-2">靓妹</label>
                </div>
                <div class="form-row">
                    <input type="submit" value="注册">
                </div>
            </form>
        </div>

        <div class="form-container">
            <form action="/customer/sign/up/action/3" method="post">
                <div class="form-row">
                    <input type="text" name="username" placeholder="请输入用户名">
                </div>
                <div class="form-row">
                    <input type="password" name="password" placeholder="请输入密码">
                </div>
                <div class="form-row">
                    <input type="password" name="confirm" placeholder="请确认密码">
                </div>
                <div class="form-row">
                    性别:
                    <input type="radio" name="gender" value="male" id="gender-male-3">
                    <label for="gender-male-3">靓仔</label>
                    <input type="radio" name="gender" value="female" id="gender-female-3">
                    <label for="gender-female-3">靓妹</label>
                </div>
                <div class="form-row">
                    <input type="submit" value="注册">
                </div>
            </form>
        </div>

    </body>
</html>